@import "fontsize-and-color.scss";

.hide-menu {
  position: absolute;
  left: 234px;
  top: 0;
  z-index: 11;
  border: 1px solid #e0e0e0;
  box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
  padding-right: 16px;
  display: none;
  width: fit-content;
  background-color: #fff;
  overflow: hidden;


  ul {
    display: flex;
    flex-direction: column;
    height: 460px;
    max-height: 460px;
    width: fit-content;
    padding-top: 2px;

    li {
      height: fit-content;
      width: fit-content;
      cursor: pointer;

      a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 0 18px 20px;

        img {
          display: block;
          height: 40px;
          width: 40px;
          margin-right: 12px;
        }

        span {
          display: block;
          height: 40px;
          width: 172px;
          @include font-normal;
          line-height: 40px;
          color: $main-text-1st;
          // 设置行内不换行
          white-space: nowrap;
          // 设置文本溢显示为省略号
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }

      &:hover span {
        color: $mi-theme-color;
      }
    }
  }
}